﻿<!DOCTYPE HTML>
<!--[if IE 8]> <html class="ie8 no-js"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!-->
<html class="no-js" xmlns:th="http://www.thymeleaf.org"> <!--<![endif]-->
<head th:replace="common/head::sf-head"></head>
<body>
<!-- begin container -->
<div id="wrap">
	<!-- begin header -->
    <header th:replace="common/header::sf-protal-header"></header>
    <!-- end header -->
    <!-- begin content -->
    <section id="content" class="container clearfix">
        <!-- begin slider -->
        <section id="slider-home">
            <div class="flex-container">
                <div class="flexslider">
                    <ul class="slides">
                        <li>
                            <img th:src="@{/images/slider/slides/living-white-940x350.png}" src="../static/images/slider/slides/living-white-940x350.png" alt="White Living Room">
                            <div class="flex-caption">
                                <h2>Responsive Layout</h2>
                                <p>You can describe your slides using captions. This is an example of a caption with <a href="#">a link</a>.</p>
                            </div>
                        </li>
                        <li>
                            <img th:src="@{/images/slider/slides/villa-940x350.png}"  src="../static/images/slider/slides/villa-940x350.png" alt="Villa">
                            <div class="flex-caption">
                                <h2>HTML5 &amp; CSS3 Code</h2>
                                <p>You can describe your slides using captions. This is an example of a caption with <a href="#">a link</a>.</p>
                            </div>
                        </li>
                        <li>
                            <img th:src="@{/images/slider/slides/building-940x350.png}" src="../static/images/slider/slides/building-940x350.png" alt="Building">
                            <div class="flex-caption">
                                <h2>Clean Design</h2>
                                <p>You can describe your slides using captions. This is an example of a caption with <a href="#">a link</a>.</p>
                            </div>
                        </li>
                        <li>
                            <img th:src="@{/images/slider/slides/living-brown-940x350.png}" src="../static/images/slider/slides/living-brown-940x350.png" alt="Brown Living Room">
                            <div class="flex-caption">
                                <h2>Touch Enabled</h2>
                                <p>You can describe your slides using captions. This is an example of a caption with <a href="#">a link</a>.</p>
                            </div>
                        </li>
                        <li>
                            <img th:src="@{/images/slider/slides/dining-brown-940x350.png}" src="../static/images/slider/slides/dining-brown-940x350.png" alt="Brown Dining Room">
                            <div class="flex-caption">
                                <h2>Easy to Customize</h2>
                                <p>You can describe your slides using captions. This is an example of a caption with <a href="#">a link</a>.</p>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </section>
        <!-- end slider -->

        <!-- begin infobox -->
        <section>
            <div class="infobox">
                <div class="infobox-inner">
                    <a class="button large" href="http://www.cssmoban.com/">Learn More</a>
                    <div class="with-button">
                        <h2>胜凡软件公司专注于APP、WEB、JAVA前后台、小程序、等各类软件开发</h2>
                        <p>提供互联网运营服务和行业互联网运营解决方案，用户遍布制造、专业服务、IT服务、建筑与房地产、流通与物流等百余个行业。</p>
                    </div>
                    <a class="button large mobile-button" href="http://www.cssmoban.com/">Learn More</a>
                </div>
            </div>
        </section>
        <!-- end infobox -->

        <!-- begin services -->
        <section>
            <h2>我的业务<span class="more">&ndash; <a href="services.html">查看全部业务 &raquo;</a></span></h2>

            <!-- begin iconbox carousel -->
            <ul class="iconbox-carousel">
                <li>
                    <div class="iconbox computer">
                        <h4><a href="services.html#responsive-layouts"><span class="iconbox-icon"></span>Responsive Layouts</a></h4>
                        <p>在不同屏幕大小之间优雅缩放的布局</p>
                    </div>
                </li>
                <li>
                    <div class="iconbox mouse">
                        <h4><a href="services.html#html5-css3-code"><span class="iconbox-icon"></span>HTML5 &amp; CSS3 Code</a></h4>
                        <p>符合标准且跨浏览器的HTML/CSS代码</p>
                    </div>
                </li>
                <li>
                    <div class="iconbox applications">
                        <h4><a href="services.html#clean-design"><span class="iconbox-icon"></span>Clean Design</a></h4>
                        <p>专业、整洁、美观的简约设计</p>
                    </div>
                </li>
                <li>
                    <div class="iconbox cog">
                        <h4><a href="services.html#cms-driven-websites"><span class="iconbox-icon"></span>CMS-Driven Websites</a></h4>
                        <p>CMS驱动的网站，你可以很容易地定制</p>
                    </div>
                </li>
                <li>
                    <div class="iconbox globe">
                        <h4><a href="services.html#search-engine-optimization"><span class="iconbox-icon"></span>Distributed, high concurrency
                        </a></h4>
                        <p>分布式，高并发请求方案</p>
                    </div>
                </li>
                <li>
                    <div class="iconbox write">
                        <h4><a href="services.html#copywriting"><span class="iconbox-icon"></span>Refactor, redevelop the project</a></h4>
                        <p>对项目进行重构，二次开发和维护</p>
                    </div>
                </li>
                <li>
                    <div class="iconbox address-book">
                        <h4><a href="services.html#customer-support"><span class="iconbox-icon"></span>Customer Support</a></h4>
                        <p>超越预期的专业客户服务</p>
                    </div>
                </li>
                <li>
                    <div class="iconbox chemical">
                        <h4><a href="services.html#it-solutions"><span class="iconbox-icon"></span>IT Solutions</a></h4>
                        <p>将技术与您的业务需求相连接</p>
                    </div>
                </li>
            </ul>
            <!-- end iconbox carousel -->
        </section>
        <!-- end services -->
        <!-- begin selected projects -->
        <section>
            <h2>制定项目<span class="more">&ndash;<a href="portfolio.html">查看开发定制 &raquo;</a></span></h2>
            <!-- begin project carousel -->
            <ul class="project-carousel">
                <li class="entry">
                    <div class="entry-image">
                        <a class="fancybox" th:href="@{/images/entries/full-size/dining-white.jpg}" href="../static/images/entries/full-size/dining-white.jpg" title="Project Title"><span class="overlay zoom"></span><img th:src="@{/images/entries/220x130/dining-white-220x130.png}" src="../static/images/entries/220x130/dining-white-220x130.png" alt=""></a>
                    </div>
                    <h4 class="entry-title"><a href="portfolio-item-image.html">门户网站开发</a></h4>
                    <div class="entry-content">
                        <p>门户网站是一家企业的门面</p>
                    </div>
                </li>
                <li class="entry">
                    <div class="entry-image">
                        <a class="fancybox" rel="gallery-living-large-windows" th:href="@{/images/entries/full-size/living-large-windows.jpg}" href="../static/images/entries/full-size/living-large-windows.jpg" title="Project Title"><span class="overlay zoom"></span><img th:src="@{/images/entries/220x130/living-large-windows-220x130.png}" src="../static/images/entries/220x130/living-large-windows-220x130.png" alt=""></a>
                        <a class="fancybox invisible" rel="gallery-living-large-windows" th:href="@{/images/entries/full-size/living-brown.jpg}" href="../static/images/entries/full-size/living-brown.jpg" title="Project Title"><span class="overlay zoom"></span><img th:src="@{/images/entries/220x130/living-brown-220x130.png}" src="../static/images/entries/220x130/living-brown-220x130.png" alt=""></a>
                        <a class="fancybox invisible" rel="gallery-living-large-windows" th:href="@{/images/entries/full-size/dining-and-living-cream.jpg}" href="../static/images/entries/full-size/dining-and-living-cream.jpg" title="Project Title"><span class="overlay zoom"></span><img th:src="@{/images/entries/220x130/dining-and-living-cream-220x130.png}" src="../static/images/entries/220x130/dining-and-living-cream-220x130.png" alt=""></a>
                    </div>
                    <h4 class="entry-title"><a href="portfolio-item-image.html">专业的管理系统</a></h4>
                    <div class="entry-content">
                        <p>根据您的需求制定的管理系统</p>
                    </div>
                </li>
                <li class="entry">
                    <div class="entry-slider">
                        <ul>
                            <li><a class="fancybox" rel="gallery-living-brown" th:href="@{/images/entries/full-size/living-brown.jpg}" href="../static/images/entries/full-size/living-brown.jpg" title="Project Title"><span class="overlay zoom"></span><img th:src="@{/images/entries/220x130/living-brown-220x130.png}" src="../static/images/entries/220x130/living-brown-220x130.png" alt=""></a></li>
                            <li style="display: none;"><a class="fancybox" rel="gallery-living-brown" th:href="@{/images/entries/full-size/dining-and-living-cream.jpg}" href="../static/images/entries/full-size/dining-and-living-cream.jpg" title="Project Title"><span class="overlay zoom"></span><img th:src="@{/images/entries/220x130/dining-and-living-cream-220x130.png}" src="../static/images/entries/220x130/dining-and-living-cream-220x130.png" alt=""></a></li>
                            <li style="display: none;"><a class="fancybox" rel="gallery-living-brown" th:href="@{/images/entries/full-size/living-white.jpg}" href="../static/images/entries/full-size/living-white.jpg" title="Project Title"><span class="overlay zoom"></span><img th:src="@{/images/entries/220x130/living-white-220x130.png}" src="../static/images/entries/220x130/living-white-220x130.png" alt=""></a></li>
                        </ul>
                    </div>
                    <h4 class="entry-title"><a href="portfolio-item-slider.html">小程序开发</a></h4>
                    <div class="entry-content">
                        <p>快捷的轻量级应用</p>
                    </div>
                </li>
                <li class="entry">
                    <div class="entry-video">
                        <video width="220" height="130" style="width: 100%; height: 100%;" poster="/images/entries/220x130/dining-and-living-cream-220x130.png" controls preload="none">
                            <!-- MP4 for Safari, IE9, iPhone, iPad, Android, and Windows Phone 7 -->
                            <source type="video/mp4" src="media/echo-hereweare.mp4" />
                            <!-- WebM/VP8 for Firefox4, Opera, and Chrome -->
                            <source type="video/webm" src="media/echo-hereweare.webm" />
                            <!-- Ogg/Vorbis for older Firefox and Opera versions -->
                            <source type="video/ogg" src="media/echo-hereweare.ogv" />
                            <!-- Optional: Add subtitles for each language -->
                            <track kind="subtitles" src="media/mediaelement.srt" srclang="en" />
                            <!-- Optional: Add chapters -->
                            <track kind="chapters" src="#" srclang="en" />
                            <!-- Flash fallback for non-HTML5 browsers without JavaScript -->
                            <object type="application/x-shockwave-flash" th:data="@{/js/flashmediaelement.swf}" data="../static/js/flashmediaelement.swf">
                                <param name="movie" th:value="@{/js/flashmediaelement.swf}" value="js/flashmediaelement.swf" />
                                <param name="flashvars" value="controls=true&file=media/echo-hereweare.mp4" />
                                <!-- Image as a last resort -->
                                <img th:src="@{/images/entries/220x130/dining-and-living-cream-220x130.png}" src="../static/images/entries/220x130/dining-and-living-cream-220x130.png" title="No video playback capabilities" alt="" />
                            </object>
                        </video>
                    </div>
                    <h4 class="entry-title"><a href="portfolio-item-self-hosted-video.html">APP定制</a></h4>
                    <div class="entry-content">
                        <p>各种满足您需求的andorid应用</p>
                    </div>
                </li>
                <!-- begin row 2 -->
                <li class="entry">
                    <div class="entry-image">
                        <a class="fancybox" th:href="@{/images/entries/full-size/living-white.jpg}" href="../static/images/entries/full-size/living-white.jpg" title="Project Title"><span class="overlay zoom"></span><img th:src="@{/images/entries/220x130/living-white-220x130.png}" src="../static/images/entries/220x130/living-white-220x130.png" alt=""></a>
                    </div>
                    <h4 class="entry-title"><a href="portfolio-item-image.html">White Living Room</a></h4>
                    <div class="entry-content">
                        <p>Image project with lightbox.</p>
                    </div>
                </li>
                <li class="entry">
                    <div class="entry-image">
                        <a class="fancybox" rel="gallery-study" th:href="@{/images/entries/full-size/study.jpg}" href="../static/images/entries/full-size/study.jpg" title="Project Title"><span class="overlay zoom"></span><img th:src="@{/images/entries/220x130/study-220x130.png}" src="../static/images/entries/220x130/study-220x130.png" alt=""></a>
                        <a class="fancybox invisible" rel="gallery-study" th:href="@{/images/entries/full-size/dining-white2.jpg}" href="../static/images/entries/full-size/dining-white2.jpg" title="Project Title"><span class="overlay zoom"></span><img th:src="@{/images/entries/220x130/dining-white2-220x130.png}" src="../static/images/entries/220x130/dining-white2-220x130.png" alt=""></a>
                        <a class="fancybox invisible" rel="gallery-study" th:href="@{/images/entries/full-size/dining-brown.jpg}" href="../static/images/entries/full-size/dining-brown.jpg" title="Project Title"><span class="overlay zoom"></span><img  th:src="@{/images/entries/220x130/dining-brown-220x130.png}" src="../static/images/entries/220x130/dining-brown-220x130.png" alt=""></a>
                    </div>
                    <h4 class="entry-title"><a href="portfolio-item-image.html">Study</a></h4>
                    <div class="entry-content">
                        <p>Gallery project with lightbox.</p>
                    </div>
                </li>
                <li class="entry">
                    <div class="entry-slider">
                        <ul>
                            <li><a class="fancybox" rel="gallery-dining-white2" th:href="@{/images/entries/full-size/dining-white2.jpg}" href="../static/images/entries/full-size/dining-white2.jpg" title="Project Title"><span class="overlay zoom"></span><img th:src="@{/images/entries/220x130/dining-white2-220x130.png}" src="../static/images/entries/220x130/dining-white2-220x130.png" alt=""></a></li>
                            <li style="display: none;"><a class="fancybox" rel="gallery-dining-white2" th:href="@{/images/entries/full-size/dining-white2.jpg}" href="../static/images/entries/full-size/dining-brown.jpg" title="Project Title"><span class="overlay zoom"></span><img th:src="@{/images/entries/220x130/dining-white2-220x130.png}" src="../static/images/entries/220x130/dining-brown-220x130.png" alt=""></a></li>
                            <li style="display: none;"><a class="fancybox" rel="gallery-dining-white2" th:href="@{/images/entries/full-size/dining-white2.jpg}" href="../static/images/entries/full-size/dining-white.jpg" title="Project Title"><span class="overlay zoom"></span><img th:src="@{/images/entries/220x130/dining-white2-220x130.png}" src="../static/images/entries/220x130/dining-white-220x130.png" alt=""></a></li>
                        </ul>
                    </div>
                    <h4 class="entry-title"><a href="portfolio-item-slider.html">White Dining Room 2</a></h4>
                    <div class="entry-content">
                        <p>Gallery project with slider and lightbox.</p>
                    </div>
                </li>
                <li class="entry">
                    <div class="entry-video">
                        <iframe src="http://player.vimeo.com/video/11624173?title=0&amp;byline=0&amp;portrait=0&amp;color=ffffff" width="220" height="110" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>
                    </div>
                    <h4 class="entry-title"><a href="portfolio-item-embedded-video.html">Arhitectural Film &ndash; Interior</a></h4>
                    <div class="entry-content">
                        <p>Embedded video project.</p>
                    </div>
                </li>
            </ul>
            <!-- end project carousel -->
        </section>
        <!-- end selected projects -->

        <!-- begin latest posts -->
        <section>
            <h2>最新动态 <span class="more">&ndash; <a href="blog.html">查看全部动态 &raquo;</a></span></h2>
            <!-- begin post carousel -->
            <ul class="post-carousel">
                <li class="entry">
                    <div class="entry-image">
                        <a href="blog-post.html" title="Post Title"><span class="overlay link"></span><img th:src="@{/images/entries/220x130/living-white-220x130.png}" src="../static/images/entries/220x130/living-white-220x130.png" alt=""></a>
                    </div>
                    <div class="entry-meta">
                        <a href="blog-post.html" class="post-format-wrap" title="Permalink to How to Make Innovative Ideas Happen"><span class="post-format standard">Permalink</span></a>
                        <span>Mar 10, 2012</span>
                    </div>
                    <div class="entry-body">
                        <h4 class="entry-title"><a href="blog-post.html">门户网站开发优惠活动</a></h4>
                        <div class="entry-content">
                            <p>提升公司和产品形象,为您量身制定符合企业形象的视觉设计，实现pc，pad,android......</p>
                        </div>
                    </div>
                </li>
                <li class="entry">
                    <div class="entry-image">
                        <a href="blog-post.html" title="Post Title"><span class="overlay link"></span><img th:src="@{/images/entries/220x130/study-220x130.png}" src="../static/images/entries/220x130/study-220x130.png" alt=""></a>
                    </div>
                    <div class="entry-meta">
                        <a href="blog-post.html" class="post-format-wrap" title="Permalink to Web Development for the iPhone and iPad"><span class="post-format image">Permalink</span></a>
                        <span>Mar 10, 2012</span>
                    </div>
                    <div class="entry-body">
                        <h4 class="entry-title"><a href="blog-post.html">重构小程序部分源码</a></h4>
                        <div class="entry-content">
                            <p>This is an image post format. Here you can have an image blog post &hellip;</p>
                        </div>
                    </div>
                </li>
                <li class="entry">
                    <div class="entry-slider">
                        <ul>
                            <li><a href="blog-post.html" title="Post Title"><span class="overlay link"></span><img th:src="@{/images/entries/220x130/dining-white2-220x130.png}" src="../static/images/entries/220x130/dining-white2-220x130.png" alt=""></a></li>
                            <li style="display: none;"><a href="blog-post.html" title="Post Title"><span class="overlay link"></span><img th:src="@{/images/entries/220x130/dining-brown-220x130.png}" src="../static/images/entries/220x130/dining-brown-220x130.png" alt=""></a></li>
                            <li style="display: none;"><a href="blog-post.html" title="Post Title"><span class="overlay link"></span><img th:src="@{/images/entries/220x130/dining-white-220x130.png}" src="../static/images/entries/220x130/dining-white-220x130.png" alt=""></a></li>
                        </ul>
                    </div>
                    <div class="entry-meta">
                        <a href="blog-post.html" class="post-format-wrap" title="Permalink to Tips for a Finely Crafted Website"><span class="post-format gallery">Permalink</span></a>
                        <span>Mar 10, 2012</span>
                    </div>
                    <div class="entry-body">
                        <h4 class="entry-title"><a href="blog-post.html">引进前端最新框架</a></h4>
                        <div class="entry-content">
                            <p>对新版本下的前端框架进行研究，力求营造舒适，简洁，高大的视觉效果</p>
                        </div>
                    </div>
                </li>
                <li class="entry">
                    <div class="entry-video">
                        <video width="220" height="130" style="width: 100%; height: 100%;" th:poster="@{/images/entries/220x130/dining-brown-220x130.png}" poster="../static/images/entries/220x130/dining-brown-220x130.png" controls preload="none">
                            <!-- MP4 for Safari, IE9, iPhone, iPad, Android, and Windows Phone 7 -->
                            <source type="video/mp4" src="media/echo-hereweare.mp4" />
                            <!-- WebM/VP8 for Firefox4, Opera, and Chrome -->
                            <source type="video/webm" src="media/echo-hereweare.webm" />
                            <!-- Ogg/Vorbis for older Firefox and Opera versions -->
                            <source type="video/ogg" src="media/echo-hereweare.ogv" />
                            <!-- Optional: Add subtitles for each language -->
                            <track kind="subtitles" src="media/mediaelement.srt" srclang="en" />
                            <!-- Optional: Add chapters -->
                            <track kind="chapters" src="#" srclang="en" />
                            <!-- Flash fallback for non-HTML5 browsers without JavaScript -->
                            <object type="application/x-shockwave-flash" data="../static/js/flashmediaelement.swf">
                                <param name="movie" value="js/flashmediaelement.swf" />
                                <param name="flashvars" value="controls=true&file=media/echo-hereweare.mp4" />
                                <!-- Image as a last resort -->
                                <img th:src="@{/images/entries/220x130/dining-brown-220x130.png}" src="../static/images/entries/220x130/dining-brown-220x130.png" title="No video playback capabilities" alt="" />
                            </object>
                        </video>
                    </div>
                    <div class="entry-meta">
                        <a href="blog-post.html" class="post-format-wrap" title="Permalink to The Elements of the Mobile User Experience"><span class="post-format video">Permalink</span></a>
                        <span>Mar 10, 2012</span>
                    </div>
                    <div class="entry-body">
                        <h4 class="entry-title"><a href="blog-post.html">The Elements of the Mobile User Experience</a></h4>
                        <div class="entry-content">
                            <p>This is a video post format. Here you can have a video blog post &hellip;</p>
                        </div>
                    </div>
                </li>
                <!-- begin row 2 -->
                <li class="entry">
                    <div class="entry-audio">
                        <audio width="220" style="width: 100%;" src="media/AirReview-Landmarks-02-ChasingCorporate.mp3" type="audio/mp3" controls preload="none"></audio>
                    </div>
                    <div class="entry-meta">
                        <a href="blog-post.html" class="post-format-wrap" title="Permalink to How To Design A Mobile Game With HTML5"><span class="post-format audio">Permalink</span></a>
                        <span>Mar 10, 2012</span>
                    </div>
                    <div class="entry-body">
                        <h4 class="entry-title"><a href="blog-post.html">How To Design A Mobile Game With HTML5</a></h4>
                        <div class="entry-content">
                            <p>This is an audio post format. Here you can have an audio blog post &hellip;</p>
                        </div>
                    </div>
                </li>
                <li class="entry">
                    <div class="entry-meta">
                        <a href="blog-post.html" class="post-format-wrap" title="Permalink to Premium Templates and Themes!"><span class="post-format link">Permalink</span></a>
                        <span>Mar 10, 2012</span>
                    </div>
                    <div class="entry-body">
                        <h4 class="entry-title"><a href="blog-post.html">[Link] Premium Templates and Themes!</a></h4>
                        <div class="entry-content">
                            <p>This is a link post format. Here you can have a link blog post &hellip;</p>
                        </div>
                    </div>
                </li>
                <li class="entry">
                    <div class="entry-meta">
                        <a href="blog-post.html" class="post-format-wrap" title="Permalink to the Quote Post"><span class="post-format quote">Permalink</span></a>
                        <span>Mar 10, 2012</span>
                    </div>
                    <div class="entry-body">
                        <div class="entry-content">
                            <blockquote class="simple">
                                <div class="quote-content">
                                    <p>This is a quote post format. Here you can have a quote blog post &hellip;</p>
                                </div>
                                <div class="quote-meta">&mdash; Quote Author</div>
                            </blockquote>
                        </div>
                    </div>
                </li>
                <li class="entry">
                    <div class="entry-meta">
                        <a href="blog-post.html" class="post-format-wrap" title="Permalink to the Aside Post"><span class="post-format aside">Permalink</span></a>
                        <span>Mar 10, 2012</span>
                    </div>
                    <div class="entry-body">
                        <div class="entry-content">
                            <p>This is an aside post format. Here you can have an aside blog post &hellip;</p>
                        </div>
                    </div>
                </li>
            </ul>
            <!-- end post carousel -->
        </section>
        <!-- end latest posts -->

        <!-- begin newsletter -->
        <section class="one-half">
            <h2>订阅我们</h2>
            <div id="newsletter-wrap">
                <p>订阅我们会获取免费项目咨询并不定期提供技术维护</p>
                <div class="notification-box notification-box-success" style="display: none;">
                    <p>You have successfully subscribed to our newsletter.</p>
                    <a href="#" class="notification-close notification-close-success">x</a>
                </div>
                <div class="notification-box notification-box-error" style="display: none;">
                    <p>如果您未订阅成功，请来电咨询：13103388680</p>
                    <a href="#" class="notification-close notification-close-error">x</a>
                </div>
                <form id="newsletter-form" class="content-form clearfix" action="#" method="post">
                    <input id="subscribe" class="button" type="submit" name="subscribe" value="订阅我们">
                    <input id="newsletter" type="email" name="newsletter" placeholder="Enter your email address here &hellip;" class="required">
                </form>
                <p class="tip"><span class="note">&#42;</span>如果您未订阅成功，请来电咨询：13103388680</p>
            </div>
        </section>
        <!-- end newsletter -->
        <!-- begin testimonials -->
        <section class="one-half column-last">
            <h2>客户评价<span class="more">&ndash; <a href="testimonials.html" th:href="@{/testimonials}">查看全部评价 &raquo;</a></span></h2>

            <!-- begin testimonial carousel -->
            <ul class="testimonial-carousel">
                <li>
                    <blockquote class="speech-bubble">
                        <div class="quote-content">
                            <p>漂亮简洁的界面！非常直观，高效的代码，详细清晰的的文档，非常符合实际需要的功能设计，这是软件定制的理想选择！</p>
                            <span class="quote-arrow"></span>
                        </div>
                        <div class="quote-meta">xxx公司, xxxx经理<br>
                            <span class="grey-text">名字</span>
                        </div>
                    </blockquote>
                </li>
            </ul>
            <!-- end testimonial carousel -->
        </section>
        <!-- end testimonials -->
    </section>
    <!-- end content -->
	<!-- begin footer -->
    <footer th:replace="common/footer::sf-protal-footer"></footer>
	<!-- end footer -->
</div>
<!-- end container -->
</body>
</html>